<template>
	<view class="container">
		<view class="line"></view>
		<u-navbar title="上传案例" :border-bottom="false">
			<view slot="right" class="navbar-right" >
				<text>上传</text>
			</view>
		</u-navbar>
		<view class="uploadcase">
			<textarea value="" placeholder="请输入想说的" />
			<u-upload :action="action" width="210" height="210" name="files"></u-upload>
		</view>
		<view class="caseadd">
			<u-cell-group :border="false">
				<u-cell-item :arrow="false" title="输入地址" icon="/static/locationicon.png" icon-size="30" :title-style="{fontSize:'25rpx'}" :border-bottom="false" @click="navigateToinputadd()">
					<u-icon name="../../../static/navigate.png" size="30" slot="right-icon"></u-icon>
				</u-cell-item>
			</u-cell-group>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				action:'http://192.168.0.113:8081/upload/upl'
			}
		},
		methods: {
			navigateToinputadd(){
				uni.navigateTo({
					url:'../inputadd/inputadd'
				})
			}
		}
	}
</script>

<style lang="scss">
     page{
		 width: 100%;
		 height: 100%;
	 }
	 .container{
		 width: 100%;
		 height: 100%;
		 .line{
			 width: 100%;
			 background-color: #f4f8f8;
			 height: 20rpx;
			 position: relative;
			 top: 44px;
		 }
		 .navbar-right{
		 	background-color: #0EAE64;
		 	color: #fff;
		 	padding-left: 15px;
		 	padding-right: 15px;
		    font-size: 15px;
		 	padding-top: 5px;
		 	padding-bottom: 5px;
		 	border-radius: 5px;
		    margin-right: 5px;
		 }
		 .uploadcase{
			 width: 680rpx;
			 margin: auto;
			 height: auto;
			 padding-bottom: 20rpx;
			 border-bottom: 1rpx solid #F1F1F1;
			 padding-top: 20rpx;
			 textarea{
				 width: 100%;
				 height: 300rpx;
			 }
		 }
		 .caseadd{
			 width: 680rpx;
			 height: auto;
			 margin: auto;
		 }
	 }
</style>
